<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/mystyle.css">
    <link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
	<!-- 导入顶部导航---start -->
	<%@ include file="head.jsp" %>
	<!-- 导入顶部导航---end -->
    <div class="layui-container">
        <div class="layui-row layui-col-space30">
            <div class="layui-col-md3 layui-col-lg3">
                <div class="bloger">
                    <img src="../upload1/${stuinfo.photopath}" class="blogerphoto">
                </div>
                <div class="layui-card">
                    <div class="layui-card-body">
	                    <div class="stu_name">
                                <p>${stuinfo.stuname }
                                <c:if test="${stuinfo.agend =='男' }">
                                <i class="stu_gender layui-icon layui-icon-male"></i>
                                </c:if>
                                <c:if test="${stuinfo.agend =='女' }">
                                <i class="stu_gender layui-icon layui-icon-female" style="color:pink;"></i>
                                </c:if>
                                </p>
	                     </div>
                     <p><span class="yinh_left">“</span> ${stuinfo.signed}<span class="yinh_left">”</span></p>
                     
                </div>
                </div>
                <div class="layui-card">
                    <div class="layui-card-header"><span class="stu_name1">${stuinfo.stuname }</span>的文章</div>
                    <div class="layui-card-body">
                    	<c:forEach items="${artlist}" var="obj" begin="0" end="2">
                    	<div class="stu_art">
                           <p class="art_title"><a href="atriclecontent.action?artsid=${obj.artsid}"><i class="layui-icon layui-icon-link"></i> “${obj.arttitle}”</a></p>
                           <img src="../upload1/${obj.photopath}">                          
                        </div>
                        <p class="art_time">${obj.arttime}</p>  
                    	</c:forEach>        
                        <div class="layui-card-footer">
                        	<p><a href="articlepre.action?userid=${stuinfo.userid}">查看更多</a></p>
                    	</div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md8 layui-col-lg8 my-bloger">
                <div class="blogerArt layui-card">
                    <div class="blogeraerticle layui-card-header">
                        <span class="blueline"></span>
                         <p class="header_title">专业学习经历</p>
                    </div>
                    <div class="layui-card-body">
                        <div class="layui-row" style="margin:15px 0;">
                            <c:forEach items="${studyinfo}" var="obj" begin="0" end="5">
                                <div class="layui-col-lg10 layui-col-md10 layui-col-md-offset1">
                                    <div class="psteach-show">
                                        <span>${obj.startime}~${obj.endtime}</span>
                                        <strong>${obj.coursetitle}</strong>
                                        <i class="layui-icon layui-icon-down"></i>
                                    </div>
                                    <div class="dpn">
                                        <div class="psteach">
                                            <div class="psteach_head"><img src="../upload1/${obj.photopath}" alt=""></div>
                                            <div class="psteach_body">
                                                <div class="psteach-b_tit">
                                                    <span>${obj.teachername} | ${obj.professional}</span>
                                                </div>
                                                <div class="psteach-b_cont">
                                                    <strong>课程时间</strong>
                                                    <span>${obj.startime}~${obj.endtime}</span>
                                                    <strong>课程内容</strong>
                                                    <span>${obj.coursecontent}</span>
                                                    <strong>课程目标</strong>
                                                    <span>${obj.curriculumobjectives}</span>
                                                    <strong>成绩标准</strong>
                                                    <span>${obj.corstandard}</span>
                                                    <strong>课程评分</strong>
                                                    <p>${obj.curcount}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </c:forEach>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-lg1 layui-col-md1">
                <div class="backmenu">
                    <table class="layui-table" lay-skin="nob">
                        <colgroup>
                            <col width="60">
                        </colgroup>
                        <tbody>
                            <tr>
                                <td onclick="window.location.href='personalbaseinfo.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-template-1"></i> 基础信息</td>
                            </tr>
                            <tr>
                                <td class="backmenu-active" onclick="window.location.href='study.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-read"></i> 专业学习经历</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='product.action?userid=${stuinfo.userid}';"><i class="layui-icon layui-icon-tabs"></i> 个人作品</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='honor.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-diamond"></i> 个人荣誉</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='practice.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-face-smile"></i> 学校实践</td>
                            </tr>
                            <tr>
                                <td onclick="window.location.href='experience.action?userid=${stuinfo.userid}';"><i
                                        class="layui-icon layui-icon-chart-screen"></i> 工作经历</td>
                            </tr>
                            <tr>
                                    <td onclick="window.location.href='articlepre.action?userid=${stuinfo.userid}';"><i
                                            class="layui-icon layui-icon-list"></i> 文章列表</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    

	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->


    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/my.js"></script>
</body>

</html>
